﻿<!DOCTYPE html>
<!--[if IE 8]> <html lang="cn" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="cn" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="cn">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>@ViewBag.Title</title>
    <link rel="stylesheet" href="/content/plugins/bootstrap/css/bootstrap.css" />
    <link rel="stylesheet" href="/content/plugins/bootstrap/css/bootstrap-responsive.css" />
    <link rel="stylesheet" href="/content/plugins/font-awesome/css/font-awesome.css" />
    <link rel="stylesheet" href="/content/css/style.css" />
    @RenderSection("head", false)
    <link rel="stylesheet" href="/content/css/themes/blue.css" />
    <link rel="Stylesheet" href="/content/css/roohui.css" />
    <style type="text/css">
        a:hover
        {
            text-decoration: none;
        }
        .nav > li > a
        {
            color: #fff;
        }
        .nav > li > a:hover, .nav > li > a:focus
        {
            text-decoration: underline;
            background-color: #585f69;
        }
    </style>
</head>
<body>
    <div class="site-header">
        <div class="container">
            <div class="row-fluid" style="font-size: 14px;">
                <div class="span4" style="min-height: 20px;">
                    您好，欢迎访问融汇贷P2P平台</div>
                <div class="span8" style="min-height: 20px;">
                    <div class="pull-right">
                        @if (HttpContext.Current.User.Identity.IsAuthenticated)
                        {
                            <a href="/member/index" style="color: #fc8936;">
                                @HttpContext.Current.User.Identity.Name 欢迎您回来！ </a> @:| <a href="/account/logout"style="color:#349cd8;">点击注销</a>
                        }
                        else
                        {
                            <span style="color: #ccc;">您还未登录？</span> <a href="/account/login" style="color: #fc8936;">
                                点击登录</a> @:| <a href="/account/register" style="color: #349cd8;">新用户注册</a>
                                                                                                                        }
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="header">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="row-fluid">
                <div class="span2 navbar-header">
                    <a class="navbar-brand" href="/">
                        <img id="logo-header" src="/content/img/logo1-blue.png" alt="Logo" />
                    </a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="span10 navbar" style="margin: 0;">
                    <ul class="nav pull-right">
                        <li id="labhome" style="width: 120px; text-align: center;"><a href="/" style="font-size: 20px;">
                            首页</a> </li>
                        <li id="labproject" style="width: 120px; text-align: center;"><a href="/project/list"
                            style="font-size: 20px;">我要投资</a> </li>
                        <li id="labfinancing" style="width: 120px; text-align: center;"><a href="/home/financing"
                            style="font-size: 20px;">我要融资</a> </li>
                        <li id="labinformation" style="width: 120px; text-align: center;"><a href="/information/list"
                            style="font-size: 20px;">投资攻略</a> </li>
                        @*<li id="lababout" style="width: 150px; text-align: center;"><a href="/home/about" style="font-size: 20px;">关于融汇贷</a>
                        </li>*@
                        <li>&nbsp;</li>
                    </ul>
                </div>
                <!-- /navbar-collapse -->
            </div>
        </div>
    </div>
    @RenderBody()
    <div class="footer" style="padding: 10px 0;">
        <div class="container">
            <div class="row-fluid">
                <div class="span7">
                    <div class="span12">
                        <ul class="nav nav-pills">
                            <li><a href="/home/about">关于我们</a> </li>
                            <li><a href="/home/help">常见问题</a> </li>
                            <li><a href="/home/freshguide">新手攻略</a> </li>
                            <li><a href="/home/laws">法律声明</a> </li>
                            <li><a href="/home/about#ContactUs">联系我们</a> </li>
                            <li><a href="/home/about#FavLink">友情链接</a> </li>
                            <li><a href="javascript:;" data-toggle="modal" data-target="#Calculatorbox">收益计算器</a></li>
                        </ul>
                    </div>
                    <div class="span12" style="color: #fff; margin-left: 0; padding-left: 10px; height: 60px;
                        line-height: 60px;">
                        <div class="span6">
                            <b>关注我们：</b>
                        </div>
                        <div class="span6">
                            <b>在线客服：</b>
                        </div>
                    </div>
                </div>
                <div class="span5">
                    <div class="span12" style="height: 34px; line-height: 34px; font-size: 14px; color: #fff;">
                        客服热线（工作时间 8：00 - 22：00）
                    </div>
                    <div class="span12" style="height: 50px; line-height: 50px;">
                        <strong style="font-size: 24px; color: #fff;">400 888 12345</strong>
                    </div>
                    <div class="span12" style="margin-left: 0; color: #fff;">
                        客服邮箱：service@roohuidai.com
                    </div>
                </div>
            </div>
            <!--/row-->
        </div>
        <!--/container-->
    </div>
    <div class="copyright">
        <div class="container">
            <div class="row-fluid" style="height: 60px;">
                <div class="span4">
                    <p class="copyright-space" style="line-height: 36px;">
                        2014 &copy; xxxxxx. ALL Rights Reserved. <a href="#">渝ICP备10200537号</a>
                    </p>
                </div>
                <div class="span6">
                    <img src="/content/img/v_seal.png" class="pull-right" />
                </div>
                <div class="span2" style="height: 60px; padding-top: 10px;">
                    <a href="/">
                        <img id="logo-footer" src="/content/img/logo1-blue.png" class="pull-right" alt="" />
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div id="Calculatorbox" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                ×</button>
            <h3 id="myModalLabel">
                融汇贷收益计算器</h3>
        </div>
        <form id="calculatorform" class="form-horizontal" style="margin-bottom:0;">
        <div class="modal-body">
            <div class="control-group">
                <label class="control-label">
                    投资金额：</label>
                <div class="controls">
                    <input type="text" value="1000" id="txtamount" name="amount" class="{required:true,number:true,min:1}" />
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="inputPassword">
                    年化收益率：</label>
                <div class="controls">
                    <div class="input-append">
                        <input type="text" id="txtrate" name="rate" value="10" class="input-small" />
                        <span class="add-on">%</span>
                    </div>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="inputPassword">
                    投资时长：</label>
                <div class="controls">
                    <div class="input-append">
                        <input type="text" id="txttime" name="time" value="100" class="input-small" />
                        <span class="add-on">天</span>
                    </div>
                </div>
            </div>
            <hr />
            <div class="control-group">
                <label for="Cal-Income" class="control-label">
                    预计收益</label>
                <div class="controls">
                    <span id="calculatorResult" style="font-size: 18px; line-height: 24px; padding-top: 3px;
                        color: #ff8f24">0</span>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn-u btn-u-default" data-dismiss="modal" aria-hidden="true">
                关闭</button>
            <button type="submit" class="btn-u">
                计算</button>
        </div>
        </form>
    </div>
    <script type="text/javascript" src="/content/plugins/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="/content/plugins/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="/content/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/content/plugins/hover-dropdown.min.js"></script>
    <script type="text/javascript" src="/content/plugins/jquery-validate/jquery.validate.js"></script>
    <script type="text/javascript" src="/content/plugins/jquery-validate/jquery.metadata.js"></script>
    @RenderSection("scripts", false)
    <script type="text/javascript">
        $(function () {
            if (jQuery.browser.msie && jQuery.browser.version.substr(0, 1) < 7) {
                window.location.href = "/home/notsupport";
                window.event.returnValue = false;
            }
            $('#calculatorform').validate({
                errorClass: "help-inline",
                errorElement: "span",
                highlight: function (element, errorClass, validClass) {
                    $(element).parents('.control-group').addClass('error');
                },
                unhighlight: function (element, errorClass, validClass) {
                    $(element).parents('.control-group').removeClass('error');
                },
                submitHandler: function () {
                    $.ajax({
                        url: '/home/calculator',
                        type: 'get',
                        data: {
                            amount: $('#txtamount').val(),
                            time: $('#txttime').val(),
                            rate: $('#txtrate').val()
                        },
                        success: function (result) {
                            $('#calculatorResult').text(result);
                        }
                    });
                    return false;
                }
            });
        });
    </script>
</body>
</html>
